<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">
        body {
            padding: 10px;
        }
        #inputtext {
            width: 100%;
        }
        #login{
            width: 300px;
            margin:0px auto;
            padding-top: 60px;
        }
        #flushimg{
            text-decoration: underline;
        }
        #butt{
            width: 60%;
        }
    </style>
</head>
<body>
<div id="login">
    <form action="/login" method="post">
        <h2 align="center">L O G I N</h2><br/><br/>
        <input type="text" name="userName" class="form-control" id="inputtext" required autofocus placeholder="-----请输入用户名-----"/><br/>
        <input type="password" name="userName" class="form-control" id="inputtext" required placeholder="----请输入用户密码----"/><br/>
        <div id="flushimg">
            <img alt="验证码" onclick="this.src='/defaultKaptcha?d=' + new Date()*1" src="/defaultKaptcha" />
            <a>看不清？点击图片刷新一下</a>
        </div>
        <input type="text" name="tryCode" class="form-control" required placeholder="-----请输入验证码-----" />
        <h4 th:text="${info}" style="color: red"></h4>
        <input type="checkbox" name="rememberMe"/>记住我<br/>
        <div style="width: 100%;text-align: center;"><input type="submit" value="登 录" id="butt" class="btn btn-success" /></div>
    </form>
</div>
</body>
</html>
